import Empty from '@assets/svg/empty.svg?react'
import Income from '@assets/svg/income-icon.svg?react'
import Expense from '@assets/svg/expense-icon.svg?react'
import Adjustment from '@assets/svg/adjustment-icon.svg?react'
import Delete from '@assets/svg/delete-icon.svg?react'
import Calculator from '@assets/svg/calculator-icon.svg?react'
import Rmb from '@assets/svg/rmb-icon.svg?react'
import Percent from '@assets/svg/percent-icon.svg?react'
import Date from '@assets/svg/date-icon.svg?react'
import NoChart from '@assets/svg/no-chart.svg?react'
import Transfer from '@assets/svg/transfer-icon.svg?react'
import Export from '@assets/svg/export-icon.svg?react'

export const EmptyIcon = ({ width = 20, height = 20, fill = '#666' }) => {
  return <Empty width={width} height={height} fill={fill} />
}
export const IncomeIcon = ({ width = 20, height = 20, fill = '#666' }) => {
  return <Income width={width} height={height} fill={fill} />
}
export const ExpenseIcon = ({ width = 20, height = 20, fill = '#666' }) => {
  return <Expense width={width} height={height} fill={fill} />
}
export const AdjustmentIcon = ({ width = 20, height = 20, fill = '#666' }) => {
  return <Adjustment width={width} height={height} fill={fill} />
}
export const DeleteIcon = ({ path, width = 20, height = 20, fill = '#666' }) => {
  return <Delete width={width} height={height} fill={fill} />
}
export const CalculatorIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Calculator width={width} height={height} fill={fill} />
}
export const RmbIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Rmb width={width} height={height} fill={fill} />
}
export const PercentIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Percent width={width} height={height} fill={fill} />
}
export const DateIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Date width={width} height={height} fill={fill} />
}
export const NoChartIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <NoChart width={width} height={height} fill={fill} />
}
export const TransferIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Transfer width={width} height={height} fill={fill} />
}
export const ExportIcon = ({ path, width = 24, height = 24, fill = '#666' }) => {
  return <Export width={width} height={height} fill={fill} />
}